import React, { memo, PureComponent } from 'react'
import type { FC, ReactNode } from 'react'
import withTheme from './with_theme'
interface IProps {
  children?: ReactNode
  name: string
  age: number
  height?: number
}


class Product extends PureComponent {
  render() {
    return (
      <div>product1: { this.props.size }</div>
    )
  }
}
const ProductWithTheme = withTheme(Product)

class Home extends PureComponent {
  render() {
    return (
      <div>
        <ThemeContext.Provider value={{ color: 'red', size: '200' }}>
          <ProductWithTheme />
        </ThemeContext.Provider>
      </div>
    )
  }
}

export default Home
